export const styleData = [
    { key: 'left', label: 'x 坐标' },
    { key: 'top', label: 'y 坐标' },
    { key: 'rotate', label: '旋转角度' },
    { key: 'width', label: '宽' },
    { key: 'height', label: '高' },
    { key: 'color', label: '颜色' },
    { key: 'backgroundColor', label: '背景色' },
    { key: 'borderWidth', label: '边框宽度' },
    { key: 'borderStyle', label: '边框风格' },
    { key: 'borderColor', label: '边框颜色' },
    { key: 'borderRadius', label: '边框半径' },
    { key: 'fontSize', label: '字体大小' },
    { key: 'fontWeight', label: '字体粗细' },
    { key: 'lineHeight', label: '行高' },
    { key: 'letterSpacing', label: '字间距' },
    { key: 'textAlign', label: '左右对齐' },
    { key: 'verticalAlign', label: '上下对齐' },
    { key: 'opacity', label: '不透明度' },
    { key: 'fontFamily', label: '字体样式' },
]

export const styleMap = {
    left: 'x 坐标',
    top: 'y 坐标',
    rotate: '旋转角度',
    width: '宽',
    height: '高',
    color: '颜色',
    backgroundColor: '背景色',
    borderWidth: '边框宽度',
    borderStyle: '边框风格',
    borderColor: '边框颜色',
    borderRadius: '边框半径',
    fontSize: '字体大小',
    fontWeight: '字体粗细',
    lineHeight: '行高',
    letterSpacing: '字间距',
    textAlign: '左右对齐',
    verticalAlign: '上下对齐',
    opacity: '不透明度',
    fontFamily: '字体样式'
}

export const textAlignOptions = [
    {
        label: '左对齐',
        value: 'left',
    },
    {
        label: '居中',
        value: 'center',
    },
    {
        label: '右对齐',
        value: 'right',
    },
]

export const borderStyleOptions = [
    {
        label: '实线',
        value: 'solid',
    },
    {
        label: '虚线',
        value: 'dashed',
    },
]

export const verticalAlignOptions = [
    {
        label: '上对齐',
        value: 'top',
    },
    {
        label: '居中对齐',
        value: 'middle',
    },
    {
        label: '下对齐',
        value: 'bottom',
    },
]

// 扩展后的字体选项对象数组
export const fontOptions = [
    { value: 'Arial', label: '宋体' },
    { value: 'Courier New', label: '仿宋' },
    { value: 'Georgia', label: '黑体' },
    { value: 'Times New Roman', label: '楷体' },
    { value: 'Verdana', label: '隶书' },
    { value: 'Roboto', label: '微软雅黑' },
    { value: 'Helvetica', label: '华文细黑' },
    { value: 'Tahoma', label: '华文行楷' },
    { value: 'Trebuchet MS', label: '华文中宋' },
    { value: 'Comic Sans MS', label: '幼圆' },
    { value: 'Impact', label: '华文琥珀' },
    { value: 'Garamond', label: '华文楷体' },
    { value: 'Palatino', label: '新宋体' },
    { value: 'Bookman', label: '华文彩云' },
    { value: 'Arial Black', label: '方正粗圆' },
    { value: 'Lucida Sans Unicode', label: '方正姚体' },
    { value: 'Lucida Console', label: '方正舒体' },
    { value: 'Century Gothic', label: '方正小标宋' },
    { value: 'Candara', label: '方正隶书' },
    { value: 'Monaco', label: '方正黑体' },
    { value: 'Optima', label: '方正魏碑' },
    { value: 'Futura', label: '华文新魏' }
  ];

export const selectKey = ['textAlign', 'borderStyle', 'verticalAlign', 'fontFamily']

export const optionMap = {
    textAlign: textAlignOptions,
    borderStyle: borderStyleOptions,
    verticalAlign: verticalAlignOptions,
    fontFamily: fontOptions
}
